.content{
    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    .content-s{
        background-color: #fff;
        .content1{
            padding: 0.1rem 1rem;
            display: flex;
            justify-content: space-between;
            margin: 0 1rem;
            font-size: 1.2rem;
            p{
                margin: 0.4rem 0;
            }
            p:first-child{
                color: #999;
            }
            .yubtn{
                color: #0088fd;
                text-decoration: underline;
            } 
        }
        .content2{
            padding: 1rem;
            font-size: 1.4rem; 
            margin: 0 1rem ;
            p{
                margin: 0.4rem 0;
            }
        }
    }
    .bar{
        width: 100%;
        height: 10px;
        background-color: #f2f2f2;
    }
    
}
.imgslides{
    position: fixed;
    // float: left;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #1e20238c;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    .imgslides1{
      width: 94%;
      height: 80%;
      img{
        width: 100%;
      }
    }
    .imgslides-icon{
      position: absolute;
      top: 0;
      right: 0;
      font-size: 1.6rem;
      color: #fff;
      margin: 1rem;
    }
  }
  .mask{
      position: fixed;
      z-index: 100;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.7;
  }
  .nofile{
      padding-top: 4rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      i{
        font-size: 8rem;
        color: #d5d9dc;
      }
      span{
          font-size: 1.4rem;
          color: #333333;
      }
      
  }